<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>HomePage</title>
</head>
<style>
    body,table{margin:0 auto;text-align:center;}
    th,td{text-align: left;}
</style>
<body>
<table>
    <thead>
    <tr>
        <th> Total Cases</th>
        <th> Total Increase Cases</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td th:text="${totalNumber}"></td>
        <td th:text="${totalIncreaseNumber}"></td>
    </tr>
    </tbody>
    <thead>
    <tr>
        <th> State </th>
        <th> Country </th>
        <th> Latest Total Cases </th>
        <th> Today Increase Cases </th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="regionStats : ${regionStatsSet}">
        <td th:text="${regionStats.state}"></td>
        <td th:text="${regionStats.Country}"></td>
        <td th:text="${regionStats.LatestTotalCases}"></td>
        <td th:text="${regionStats.differFromPrevDEv}"></td>
    </tr>
    </tbody>
</table>
</body>
</html>